*{ -webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0; margin:0;
}
html{ -ms-touch-action:none; width: 100%;height: 100%;}
body, ul, li{ padding:0; margin:0; border:0; }
body{ 
	width: 100%;
	height: 100%;
	font-size:12px;
	font-family:ubuntu, helvetica, arial; 
	overflow:hidden; /* this is important to prevent the whole page to bounce */; 
}
a{ text-decoration:none; }
:active{ -webkit-tap-highlight-color:rgba(255, 255, 255, 0); }

.wrapper{
	position:absolute;
	z-index:1;
	top:0px;
	bottom:0px;
	left:0;
	width:100%;
	overflow:hidden;
	background:#fff9f2 url(../images/bg.png) 0 0 / 100% 100% repeat-x; 
}
.scroller{
	height:100%;
	position:absolute;
	z-index:1;
 }

.home{
	-webkit-transform-origin:0 0;/*设置旋转元素的基点位置*/
	width:820px;
	position:relative;
	z-index:1;
	height:100%;
}
.ico{ 
	background-size:contain;/*把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。*/
	background-repeat:no-repeat;
}
.home .ico{ position:absolute; }
.home_light1{
	background-image:url(../images/left_light.png);
	width:77px;
	height:345px;
	top:40px;
	left:59px;
	-webkit-animation:home_light 3600ms linear 0s infinite;
	animation:home_light 3600ms linear 0s infinite;
}
.home_art1{
	background-image: url(../images/left_art.png);
	width: 250px;
	height: 190px;
	top: 247px;
	left: 45px;
	-webkit-animation:home_art 3600ms linear 0s infinite;
	animation:home_art 3600ms linear 0s infinite;
}
.home_light2{ 
	background-image:url(../images/right_light.png);
	width:79px;
	height:345px;
	top:40px;
	left:660px;
	-webkit-animation:home_light 3600ms linear 0s infinite;
	animation:home_light 3600ms linear 0s infinite;
}
.home_art2{
	background-image: url(../images/right_art.png);
	width: 218px;
	height: 220px;
	top: 225px;
	left: 590px;
	-webkit-animation:home_art 3600ms linear 0s infinite;
	animation:home_art 3600ms linear 0s infinite;
}
.entry_logo{
	background-image: url(../images/entry_logo.png);
	width: 110px;
	height: 64px;
	top: 390px;
	left: 365px;
	padding-top: 66px;
	text-align: center;
	-webkit-animation:home_entry 1800ms linear 0s infinite;
	animation:home_entry 1800ms linear 0s infinite;
}
.home_eye{
	background-image: url(../images/eye.gif);
	width: 69px;
	height: 42px;
	top: 310px;
	left: 466px;
	z-index: 3;
}
.home_home{
	background-image: url(../images/home.png);
	width: 375px;
	height: 210px;
	top: 141px;
	left: 215px;
	z-index: 2;
}
.home_sun{
	background-image: url(../images/home_sun.png);
	width: 85px;
	height: 85px;
	top: 110px;
	left: 265px;
	z-index: 1;
	-webkit-animation:home_sun 3600ms linear 0s infinite;
	animation:home_sun 3600ms linear 0s infinite;
}
.home_fly1{
	background-image: url(../images/1.png);
	width: 39px;
	height: 34px;
	top: 105px;
	left: 85px;
	-webkit-animation:cloud1 7200ms linear 0s infinite;
	animation:cloud1 7200ms linear 0s infinite;
}
.home_fly2{
	background-image: url(../images/2.png);
	width: 52px;
	height: 51px;
	top: 25px;
	left: 233px;
	-webkit-animation:cloud1 12200ms linear 0s infinite;
	animation:cloud1 12200ms linear 0s infinite;
}
.home_fly3{
	background-image: url(../images/3.png);
	width: 22px;
	height: 25px;
	top: 45px;
	left: 430px;
	-webkit-animation:cloud2 12000ms linear 0s infinite;
	animation:cloud2 12000ms linear 0s infinite;
}
.home_fly4{
	background-image: url(../images/4.png);
	width: 73px;
	height: 42px;
	top: 83px;
	left: 570px;
	-webkit-animation:cloud2 12200ms linear 0s infinite;
	animation:cloud2 12200ms linear 0s infinite;
}
.home_fly5{
	background-image: url(../images/4.png);
	width: 22px;
	height: 25px;
	top: 37px;
	left: 730px;
	-webkit-animation:cloud3 13200ms linear 0s infinite;
	animation:cloud3 13200ms linear 0s infinite;
}


/*规定动画效果*/

@keyframes home_light
{
	0%{
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
	}
	50%{
	-webkit-transform:translateY(10px);
	transform:translateY(10px);
	}
	100%{
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
	}
}

@-webkit-keyframes home_light /*Safari and Chrome*/
{
	0%{
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
	}
	50%{
	-webkit-transform:translateY(10px);
	transform:translateY(10px);
	}
	100%{
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
	}
}
/*--------art-------*/
@keyframes home_art
{
	0%{
	-webkit-transform:translateX(-10px);
	transform:translateX(-10px);
	}
	50%{
	-webkit-transform:translateX(10px);
	transform:translateX(10px);
	}
	100%{
	-webkit-transform:translateX(-10px);
	transform:translateX(-10px);
	}
}

@-webkit-keyframes home_art /*Safari and Chrome*/
{
	0%{
	-webkit-transform:translateX(-10px);
	transform:translateX(-10px);
	}
	50%{
	-webkit-transform:translateX(10px);
	transform:translateX(10px);
	}
	100%{
	-webkit-transform:translateX(-10px);
	transform:translateX(-10px);
	}
}

/*------entry------*/
@keyframes home_entry
{
	0%{
	-webkit-transform:translateY(10px);
	-webkit-opacity:0;
	transform:translateY(10px);
	opacity:0;
	}

	100%{
	-webkit-transform:translateY(-10px);
	-webkit-opacity:1;
	transform:translateY(-10px);
	opacity:1;
	}
}

@-webkit-keyframes home_entry /*Safari and Chrome*/
{
	0%{
	-webkit-transform:translateY(-5px);
	-webkit-opacity:0.3;
	transform:translateY(-5px);
	opacity:0.3;
	}
	100%{
	-webkit-transform:translateY(-5px);
	-webkit-opacity:1;
	transform:translateY(-5px);
	opacity:1;
	}
}

/*------sun------*/
@keyframes home_sun
{
	0%{ 
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg); 
	}
	100%{ 
		-webkit-transform:rotate(-360deg);
		transform:rotate(-360deg); 
	}
}

@-webkit-keyframes home_sun /*Safari and Chrome*/
{
	0%{ 
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg); 
	}
	100%{ 
		-webkit-transform:rotate(-360deg);
		transform:rotate(-360deg); 
	}
}

@-webkit-keyframes cloud1{
	0%{
	-webkit-transform:translateX(0px) rotate(360deg);
	}
	50%{
	-webkit-transform:translateX(600px) rotate(0deg);
	}
	100%{
	-webkit-transform:translateX(0px) rotate(-360deg);
	}
}

@-webkit-keyframes cloud2{
	0%{
	-webkit-transform:translateX(0px) rotate(0deg);
	}
	25%{
	-webkit-transform:translateX(350px) rotate(360deg);
	}
	50%{
	-webkit-transform:translateX(0px) rotate(720deg);
	}
	75%{
	-webkit-transform:translateX(-350px) rotate(1080deg);
	}
	100%{
	-webkit-transform:translateX(0px) rotate(1440deg);
	}
}
@-webkit-keyframes cloud3{
	0%{
	-webkit-transform:translateX(0px) rotate(360deg);
	}
	50%{
	-webkit-transform:translateX(-600px) rotate(0deg);
	}
	100%{
	-webkit-transform:translateX(0px) rotate(-360deg);
	}
}

@-webkit-keyframes section1_ball /*Safari and Chrome*/
{
	0%{
	-webkit-transform:translateY(100px);
	transform:translateY(100px);
	}
	50%{
	-webkit-transform:translateY(-5px);
	transform:translateY(-5px);
	}
	100%{
	-webkit-transform:translateY(100px);
	transform:translateY(100px);
	}
}

/*-----artshow-----*/

.artwrapper{
	display: none;
	position:absolute;
	z-index:1;
	top:0px;
	bottom:0px;
	left:0;
	width:100%;
	overflow:hidden;
	background:#fff9f2 url(../images/artbg.png) 0 0 / 100% 100% repeat-x; 
}
.container{
	-webkit-transform-origin:0 0;/*设置旋转元素的基点位置*/
	width:3790px;
	position:relative;
	z-index:1;
	height: 100%;
}
.section{ 
	/*简介区*/
	position:absolute;
	left:0;
	top:0;
}
.section1{ 
	/*图片展示区*/
	position:absolute;
	left:640px;
	top:0;
}

.pipe{ 
	background-image:url(../images/pipe.png);
	width:502px;
	height:127px;
	position:absolute;
	left:0;
	top:15px;
}

.title_box{
	width:640px;
	height:315px;
	position:absolute;
	background-color:#f6f7f7;
	top:105px;
	left:0;
}


.ex_title{
	background-image:url(../images/ex_title.png);
	width:203px;
	height:227px;
	position:absolute;
	top:50px;
	left:65px;
}

.ex_text{
	background-color:#fff;
	position:absolute;
	left: 260px;
    top: -30px;
	font-size:12px;
	text-indent:2em;
	width:288px;
	height:283px;
	padding:10px;
	line-height:16px;
}

.section1_title{
	width: 120px;
	height: 25px;
	border: 1px solid #fff;
	position:absolute;
	left:10px;
	top:55px;
	color: #fff;
	line-height: 18px;
	text-align: center;
	z-index: 4;
}

.title_border{
	width: 120px;
	height: 25px;
	border: 1px solid #fff;
	position:absolute;
	left:-5px;
	top:-5px;
	padding: 10px;
	z-index: 2;
}

.ball_line{
	background-image:url(../images/ball_line.png);
	width: 78px;
	height: 255px;
	position:absolute;
	left:170px;
	top:50px;
}

.ball{ 
	background-image:url(../images/ball.png);
	width:64px;
	height:64px;
	position:absolute;
	left:7px;
	top:10px;
	-webkit-animation:section1_ball 7200ms linear 0s infinite;
}

.pic_show1{
	background-image:url(../images/section1_pic.png);
	width: 286px;
    height: 316px;
    position: absolute;
    left: 0;
    top: 105px;
}

.copy1{
	background-image:url(../images/copy.png);
	width: 12px;
    height: 9px;
    position: absolute;
    left: 50px;
    top: 70px;
    -webkit-animation:home_light 3600ms linear 0s infinite;
}
.copy2{
	background-image:url(../images/copy.png);
	width: 12px;
    height: 9px;
    position: absolute;
    left: 190px;
    top: 90px;
    -webkit-animation:home_light 3600ms linear 0s infinite;
}

.pic1{
	background-image:url(../images/img_pic_1.png);
	width: 85px;
    height: 174px;
    position: absolute;
    left: 10px;
    top: 75px;
}

.pic2{
	background-image:url(../images/img_pic_2.png);
	width: 94px;
    height: 116px;
    position: absolute;
    left: 148px;
    top: 110px;
}

/*----vedio部分-----*/
.show_vedio{
	width: 98%;
	height: 98%;
	position:absolute;
	left:0;
	top:0;
	z-index: 5;
}

.vedio_read{
	width: 100%;
	height: 100%;
	border: 1px solid #000;
}


